<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>登录界面</title>
  <link rel="stylesheet" href="css/login.css">
 </head>
 <body>
<!----------------------------分割线------------------------------->
	<!-- 页头 -->
	<!-- login界面 -->
	<section>
		<div class="main-1">
			<!--标题-->
			<div id="two-dimension-code">
				<a id="qrcode-trigger" class="ercode" href="javascript:;"></a>
			</div>
			<div class="lgnheader">
				<span></span>
				<h4 id="login-title">小米账号登录</h4>
			</div>
			<!-- 主体内容 -->
			<form class="frame">	<!-- action="data/users/login.php" method="post" -->
				<!--邮箱账号输入框-->
				<div class="frame_input">
					<div class="frame_icon  frame_uname_icon"></div>
					<span class="frame_shuxian">|</span>
					<input type="text" name="uname" id="uname" placeholder="邮箱/手机号码/小米ID">
				</div>
				<!-- 密码输入框 -->
				<div class="frame_input">
					<div class="frame_icon  frame_upwd_icon"></div>
					<span class="frame_shuxian">|</span>
					<input type="password" name="upwd" id="upwd" placeholder="密码">
				</div>
				<!-- 登录按钮 -->
				<div class="login_button_box">
					<input class="login_button" type="submit" value="登&nbsp&nbsp录">
				</div>
				<!-- "忘记密码"	"去登陆" -->
				<div class="forgetupwd_goregister">
					<a href="#" class="forgetupwd">忘记密码?</a>
					<a href="#" class="goregister">去注册</a>
				</div>
				<!-- 底部-->
				<div class="login_bottom">
					<!-- 分割线 "其他登录方式" -->
					<div class="other_login_font">
						-----------------其他登录方式------------------
					</div>
					<!-- 登录方式 -->
					<div class="other_login">
						<!-- QQ登录 -->
						<div>
							<a href="#" id="QQ_hover">
								<div class="other_login_icon">
									<i class="QQ"></i>
								</div>
							</a>
						</div>
						<!-- 微博登录 -->
						<div>
							<a href="#" id="weibo_hover">
								<div class="other_login_icon">
									<i class="weibo"></i>
								</div>
							</a>
						</div>
						<!-- 支付宝登录 -->
						<div>
							<a href="#" id="hm_pay">
								<div class="other_login_icon">
									<i class="hm_pay"></i>
								</div>
							</a>
						</div>
						<!-- 微信登录 -->
						<div>
							<a href="#">
								<div class="other_login_icon">
									<i class="weixin"></i>
								</div>
							</a>
						</div>
					</div>
				</div>
			</form>
		</div>
		<div class="main-2">
			<div class="ercode-pannel">
				<a id="qrcode-close" href="javascript:;">
					<span class="icon-code-close"></span>
				</a>
				<div class="ercode-box">
					<div class="code-hd">
						<h3> 小米账号扫码登录</h3>
						<p>请打开「设置 > 小米帐号 > 右上角扫一扫」扫码登录</p>
					</div>
					<div class="code-two">
						<img src="img/login/two.png" alt="扫码登录">
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- 页尾 -->
 </body>
 <script src="js/jquery-1.11.3.js"></script>
 <script src="js/login.js"></script>
</html>